// 推荐写法, 到底是全局还是局部注册, 看实际需求, 封装的时候不写死
// 这个文件中, 可以统一维护 通用的指令
export const imgerror = {
  inserted(el, binding) {
    // 将指令的值(错误图像) 赋值给 img 的 src
    el.addEventListener('error', function() {
      el.src = binding.value
    })
  }
}
export const color = {
  inserted(el, binding) {
    el.style.color = binding.value
  }
}

// -----------------------------------------------------------------------
// 目前的写法: 没有问题, 缺点在于, 定死了都是全局注册
// 定义一个全局指令, 整个应用都能用
// Vue.directive('imgerror', {
//   // el 指令所在 dom 元素
//   // binding 对象
//   // - binding.value 指令的值
//   // - binding.name  指令名称
//   inserted(el, binding) {
//     // 将指令的值(错误图像) 赋值给 img 的 src
//     el.addEventListener('error', function() {
//       el.src = binding.value
//     })
//   }
// })

// // v-color="颜色" 修改字体颜色
// Vue.directive('color', {
//   inserted(el, binding) {
//     el.style.color = binding.value
//   }
// })
